<script>
export default {
  ///圆角矩形
  ///x-横坐标
  ///y--纵坐标
  ///w--宽度
  ///h--高度
  ///r-圆角半径
  $roundRect(context, x, y, w, h, r, isfill, color) {
    if (w < 2 * r) r = w / 2;
    if (h < 2 * r) r = h / 2;
    context.beginPath();
    context.moveTo(x + r, y);
    context.arcTo(x + w, y, x + w, y + h, r);
    context.arcTo(x + w, y + h, x, y + h, r);
    context.arcTo(x, y + h, x, y, r);
    context.arcTo(x, y, x + w, y, r);
    context.closePath();
    if (isfill) {
      context.fillStyle = color;
      context.fill();
    } else {
      context.strokeStyle = color;
      context.stroke();
    }
  },
  ///圆
  ///x-横坐标
  ///y--纵坐标
  ///r-圆角半径
  ///sAngle-起始角，以弧度计。（弧的圆形的三点钟位置是 0 度）。
  ///eAngle-结束角，以弧度计。
  ///counterclockwise--可选。规定应该逆时针还是顺时针绘图。False = 顺时针，true = 逆时针。
  $round(context, x, y, r, sAngle, eAngle, counterclockwise, isfill, color) {
    context.beginPath();
    context.arc(x, y, r, sAngle, eAngle, counterclockwise); // 绘制
    context.closePath();
    if (isfill) {
      context.fillStyle = color;
      context.fill();
    } else {
      context.strokeStyle = color;
      context.stroke();
    }
  }
};
</script>